{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    <div class="pad10">
        <div class="padt50 flrc"><img class="wh20-20 round" :src="picUserHead" onerror="this.src=pic404"></div>
    </div>
    <div class=" round5 pad10  marl10 marr10 op9">
        <mu-form ref="form" :model="validateForm" label-width="100">

            <div class="fs10 padl10 padr10 padt5 padb5 bc13 round30 flrc fs14">
                <div class="fa fa-tablet c12"></div>
                <div class="flex1 fs10 marl10">
                    <input type="tel" name="username" v-model="username" placeholder="手机号">
                </div>
            </div>
            <div class="fs10 padl10 padr10 padt5 padb5 bc13 round30 flrc fs14 mart20">
                <div class="fa fa-unlock-alt c12"></div>
                <div class="flex1 fs10 marl10">
                    <input @keypress="kbsubmit" type="number" name="password" v-model="password" placeholder="验证码">
                </div>
                <div class="bcf bdc11 padt3 padb3 padl5 padr5 round30 pos-r c1 fs8" v-if="msg=='获取验证码'">
                    <mu-ripple @click="sendSms()">[[msg]]</mu-ripple>
                </div>
                <div class="bcf bdc11 padt3 padb3 padl5 padr5 round30 pos-r c12 fs8" v-if="msg!='获取验证码'">
                    [[msg]]
                </div>
            </div>

            <div class="fs8 c11 pad5 mart20 flcc">
                <mu-button full-width large round :color="c1" @click="login()">
                    {#                <mu-button full-width large round :color="c1" @click="goto('main')">#}
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    立即登陆
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </mu-button>
            </div>
            <div class="flrc pad10 c2 fs8">
                <div class="flex1">&nbsp;</div>
                <mu-ripple @click="gointo('reg1')" class="padlr6 padtb2 round30 bdso bdc2 pos-r">
                    <div>去注册</div>
                </mu-ripple>
            </div>
            {#            <div class="flrc pad5 mart30 pos-r op9">#}

            {#                <mu-button class="bdso" full-width large round @click="goto('reg')">#}
            {#                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#}
            {#                    立即注册#}
            {#                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#}
            {#                </mu-button>#}

            {#            </div>#}
        </mu-form>

        <div class="mar10 bdtso padt20" v-if="false">
            <div class="flcc" @click="weChatLogin()">
                <svg t="1585181625640" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="2258" width="13vw" height="13vw">
                    <path d="M544.059897 959.266898h-64.949141c-228.633593 0-415.697442-187.063849-415.697442-415.697442v-64.949141c0-228.633593 187.063849-415.697442 415.697442-415.697442h64.949141c228.633593 0 415.697442 187.063849 415.697442 415.697442v64.949141C959.756315 772.203049 772.692466 959.266898 544.059897 959.266898z"
                          fill="#2DC100" p-id="2259"></path>
                    <path d="M618.871102 424.812069c-52.6789 2.760395-98.49572 18.754507-135.696546 54.89766-37.587854 36.50356-54.743053 81.262707-50.047514 136.728622-20.586238-2.580191-39.34177-5.366183-58.19969-6.965492-6.552866-0.516038-14.292415 0.258019-19.786584 3.353224-18.316285 10.318716-35.858512 22.030941-56.703793 35.085479 3.818068-17.284208 6.294847-32.505287 10.680148-47.029101 3.173021-10.732366 1.702721-16.691379-8.152175-23.65687-63.256659-44.73355-89.905323-111.652647-69.963108-180.584703 18.470891-63.720479 63.798295-102.417201 125.376806-122.539619 84.100917-27.500536 178.52055 0.567232 229.651335 67.409538 18.733006 24.012159 30.112467 52.935895 32.763306 83.275665L618.871102 424.812069zM737.231222 753.7854c-16.691379-7.429312-31.989249-18.574304-48.241381-20.302622-16.252132-1.702721-33.330539 7.687331-50.305534 9.416673-51.724639 5.288368-98.0319-9.132033-136.263778-44.526725-72.646712-67.331723-62.275777-170.522981 21.799542-225.730878 74.736462-49.015438 184.324956-32.659894 237.003856 35.342474 45.971427 59.386373 40.55405 138.198922-15.55589 188.066232-16.252132 14.447022-22.108756 26.313853-11.686627 45.32638 1.909546 3.508855 2.140944 7.94535 3.250836 12.382869L737.231222 753.7854zM376.397651 403.348361c0.516038-12.640888-10.422129-23.991681-23.373254-24.353112-13.025869-0.533444-24.017278 9.593805-24.550722 22.619674-0.003072 0.078839-0.006143 0.158702-0.008191 0.237542-0.512967 12.869215 9.503704 23.719327 22.372918 24.232294 0.238565 0.009215 0.477131 0.015358 0.715696 0.017406C364.663926 426.584415 375.730078 416.448974 376.397651 403.348361zM502.909946 378.995249c-13.00232 0.258019-23.991681 11.350793-23.733662 23.99168 0.280545 13.104708 11.131681 23.50124 24.23639 23.220696 0.038908-0.001024 0.077815-0.002048 0.116723-0.003072 12.865119 0.104436 23.379398-10.239877 23.483834-23.104996 0.002048-0.278497 0-0.556994-0.008192-0.835491-0.109556-12.96546-10.708817-23.386565-23.673252-23.277009C503.191515 378.989105 503.050218 378.991153 502.909946 378.995249zM547.334283 569.640648c10.628954 0 19.348361-8.332379 19.760986-18.832323 0.384981-10.920761-8.15627-20.086582-19.077031-20.471563-0.176108-0.006143-0.352217-0.010239-0.529349-0.011262-11.041579 0.069624-19.937095 9.076743-19.867471 20.118322 0.001024 0.08703 0.002048 0.175084 0.003072 0.262115C528.092406 561.263219 536.764714 569.595597 547.334283 569.640648zM669.743869 530.351097c-10.452845 0.086006-19.011503 8.337498-19.477371 18.781128-0.570304 10.670933 7.617707 19.782488 18.28864 20.352793 0.310237 0.016382 0.620475 0.025597 0.930712 0.027645 10.654551 0 19.090342-8.07436 19.47737-18.703314 0.528325-10.772298-7.776409-19.934023-18.548706-20.462348-0.223207-0.011263-0.447438-0.01843-0.670645-0.021501V530.351097z"
                          fill="#FFFFFF" p-id="2260"></path>
                </svg>
                <div class="fs7 c12 mart5">微信登陆</div>
            </div>
        </div>

    </div>
{% endblock %}

{% block myJs %}
{#    <script src="{{ root }}/js/ali.js{{ rnd }}"></script>#}
    <script src="{{ root }}/js/wx.js{{ rnd }}"></script>
{% endblock %}
